<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>学生成绩分析</title>
  <link rel="stylesheet" href="../../component/pear/css/pear.css" />
  <link rel="stylesheet" href="../../admin/css/other/result.css" />
</head>
<body class="pear-container">
<div class="layui-row layui-col-space10">
  <!-- 图表1：学生成绩分布 -->
  <div class="layui-col-md6">
    <div class="layui-card">
      <div class="layui-card-header">学生成绩分布</div>
      <div class="layui-card-body">
        <div id="gradeDistribution" style="min-height: 400px;"></div>
      </div>
    </div>
  </div>
  <!-- 图表2：某课程平均成绩 -->
  <div class="layui-col-md6">
    <div class="layui-card">
      <div class="layui-card-header">某课程平均成绩</div>
      <div class="layui-card-body">
        <div id="courseAverage" style="min-height: 400px;"></div>
      </div>
    </div>
  </div>
  <!-- 图表3：某学院平均成绩和绩点 -->
  <div class="layui-col-md6">
    <div class="layui-card">
      <div class="layui-card-header">某学院平均成绩和绩点</div>
      <div class="layui-card-body">
        <div id="departmentAverage" style="min-height: 400px;"></div>
      </div>
    </div>
  </div>
  <!-- 图表4：某任课老师平均成绩 -->
  <div class="layui-col-md6">
    <div class="layui-card">
      <div class="layui-card-header">某任课老师平均成绩</div>
      <div class="layui-card-body">
        <div id="teacherAverage" style="min-height: 400px;"></div>
      </div>
    </div>
  </div>
</div>
<script src="../../component/layui/layui.js"></script>
<script src="../../component/pear/pear.js"></script>
<script src="./temp.js"></script>
</body>
</html>
